<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // "use strict";
        // this : 不要关注this的定义 ，需要关注this的调用；
        // 一.全局this  指向 window
        // console.log(this);
        // 二.局部this 函数里的this
            //  直接调用 1.window 2. undefined
            // 1.window
            // function test(){
            //     console.log(this);
            // }
            // test();
            // 2.undefined ： 在严格模式下
            // 严格模式下一定要先声明在赋值；
            // a = 10;
            // console.log(a);


            // function test(){
            //     console.log(this);
            // }
            // test();

            // function fn(a,a){
            //     console.log(a)
            // }

            // fn(1,2);

        // 三、对象里的this
        // 1.对象本身 对象.方法();
        // var obj = {
        //     name:"张三",
        //     fn:function(){
        //         console.log(this);
        //     }
        // }
        // obj.fn();
        // 2.指向window
        // var obj = {
        //     name:"张三",
        //     fn:function(){
        //         console.log(this);
        //     }
        // }
        // // obj.fn();
        // var fn = obj.fn;
        // fn();


        // 四、在事件里的this 会指向事件源 
        // 五、在定时器里的this 会指向window
        // document.onclick = function(){
        //     setTimeout(function(){
        //         console.log(this);
        //     }, 2000);
        // }
        // 六、forEach里的this 也是指向window
        


// 作业 ：把百度音乐全选事件改成事件委托




    </script>
</body>
</html>